﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>up6-vue演示</title>
    <link rel="stylesheet" type="text/css" href="res/up6/panel/up6.css" />
    <script type="text/javascript" src="res/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="res/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.edge.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.app.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.vue.js" charset="utf-8"></script>
</head>
<body>
    <p>此页面演示在vue.js中如何使用up6组件</p>
    <p><a href="api/up6/clear.aspx" target="_blank">上传-清空数据库</a></p>
    <p><a href="view/nosql/index.html" target="_blank">上传-多标签（NOSQL）</a></p>
    <p><a href="view/nosql/panel.html" target="_blank">上传-单面板（NOSQL）</a></p>
    <p><a href="index.html" target="_blank">上传-多标签</a></p>
    <p><a href="panel.html" target="_blank">上传-单面板</a></p>
    <p><a href="single.html" target="_blank">上传-单文件上传</a></p>
    <p><a href="localfile.html" target="_blank">上传-固定路径上传</a></p>
    <p><a href="vue.html" target="_blank">上传-vue.js引用</a></p>
    <p><a href="layer.html" target="_blank">上传-layer弹窗</a></p>
    <p><a href="filemgr.html" target="_blank">文件管理器示例</a></p>
    <p><a href="api/down2/clear.aspx" target="_blank">下载-清空数据库</a></p>
    <p><a href="down2.html" target="_blank">下载-下载示例</a></p>
    <p><a href="down2-ligerui.html" target="_blank">下载-ligerui示例</a></p>
    <!--ui-->
    <div id="app">
        {{ message }}
        <!--上传面板-->
        <up6 ref="up6"
             :config="config.up6"
             @md5_complete="up6_md5_complete"
             @scan_complete="up6_scan_complete"
             @file_append="up6_file_append"
             @file_complete="up6_file_complete"
             @folder_complete="up6_folder_complete"
             @queue_complete="up6_queue_complete"
             @load_complete="up6_load_complete"
             @unsetup="up6_unsetup"
             @item_selected="up6_item_selected"></up6>
    </div>
    <script type="text/javascript">
        //根路径：http://localhost/api/up6/
        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "api/up6/"
        ].join("");

        var app = new Vue({
            el: '#app',
            data: {
                message: '演示up6如何在vue.js中使用',
                config: {
                    //配置
                    up6: {
                        License2: "",
                        //可扩展的业务逻辑字段
                        Fields: { uid: 0 },
                        //后端接口-文件夹
                        "UrlFdCreate": api + "fd_create.aspx",
                        "UrlFdComplete": api + "fd_complete.aspx",
                        "UrlFdDel": api + "fd_del.aspx",
                        //后端接口-文件
                        "UrlCreate": api + "f_create.aspx",
                        "UrlPost": api + "f_post.aspx",
                        "UrlProcess": api + "f_process.aspx",
                        "UrlComplete": api + "f_complete.aspx",
                        "UrlList": api + "f_list.aspx",
                        "UrlDel": api + "f_del.aspx"
                    }
                }
            },
            mounted: function () { },
            methods: {
                //文件MD5验证完毕
                up6_md5_complete: function (obj, md5) { },
                //文件夹扫描完毕
                up6_scan_complete: function (obj) { },
                //文件添加
                up6_file_append: function (obj) { },
                //文件上传完毕
                up6_file_complete: function (obj) { },
                //文件夹上传完毕
                up6_folder_complete: function (obj) { },
                //控件加载完毕
                up6_load_complete: function () { },
                //队列上传完毕
                up6_queue_complete: function () { },
                //控件未安装
                up6_unsetup: function () { },
                //选择文件或目录
                up6_item_selected: function () { }
            }
        });
    </script>
</body>
</html>